.mao{
    width:100%;
    background:white;
    position:sticky;
    top:0;
}
.top {
    width: 100%;
    height: 9vh;
    position:sticky;
    top:0;
    background:white;
    z-index:100;
}
.return {
    width: 40%;
    height: 9vh;
    display:flex;
    justify-content:space-between;
    align-items:center;
    float:left;
}
.returns{
    width: 60%;
    height: 9vh;
    float:left;
    text-align:right;
    line-height:9vh;
    padding-right:5%;
    box-sizing: border-box;
}
.leftIcon {
    transform:rotate(90deg);
}
.icon{
    font-size:25px;
    margin-top:15px;
    margin-left:10%;
    font-weight:550;
}
.top-cart{
    font-size:23px;
    font-weight:550;
}
.bankCards{
    width:95%;
    min-height:250px;
    background: linear-gradient(to right,rgb(255, 211, 116),rgb(237, 171, 28));
    border-radius:20px;
    margin-left:2%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    position:relative;
}
.black{
    width:100%;
    height:25px;
    background:rgba(18, 17, 17, 0.9);
    position:absolute;
    top:9.2vh;
}
.bankCards-left{
    width:65%;
    height:200px;
    float:left;
}
.bankCards-right{
    width:35%;
    height:200px;
    float:left;
}
.bankCards-p1{
    padding-left:30px;
    padding-top:3vh;
    padding-bottom:6vh;
    font-size:30px;
    font-weight:650;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    color:white;
}
.bankCards-p2{
    padding:0px 30px;
    font-weight:650;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    color:white;
}
.bankCards-p3{
    padding:10px 30px;
    font-size:55px;
    font-weight:550;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    letter-spacing:3px;
    color:white;
}
.bankCards-p4{
    font-size:42px;
    font-weight:550;
    font-family: 'YourArtisticFont', cursive; /* 使用自定义艺术字体 */
    text-shadow: 1px 1px 1px #888; /* 添加文字阴影效果 */
    background-image: url('your-image.jpg'); /* 使用背景图片作为文字填充 */
    background-clip: text;
    -webkit-background-clip: text;
    color:white;
    padding-right:-5%;
    padding-top:1vh;
    font-style: italic;
    text-align:center;
}
.bankCards-button{
    width:80%;
    border-radius:18px;
    margin-top:12vh;
    margin-left:8%;
}
.bankCards-center{
    width:100%;
    height:60px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.bankCards-span1{
    padding-left:5%;
    font-size:20px;
    font-weight:550;
    text-shadow: 1px 1px 1px #494949; /* 添加文字阴影效果 */
    background-clip: text;
    -webkit-background-clip: text;
}
.bankCards-span2{
    padding-right:5%;
    font-size:16px;
    font-weight:550;
    background-clip: text;
    -webkit-background-clip: text;
    color:rgb(255, 186, 41);
}
.Recording{
    width:100%;
}
.details{
    width:95%;
    height:70px;
    margin:2vh 2.5%;
}
.details-img{
    width:20%;
    height:80px;
    background: rgba(255, 200, 0, 1);
    float:left;
    border-radius:50%;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.details-text{
    width:63%;
    height:70px;
    float:left;
}
.details-num{
    width:17%;
    height:70px;
    float:left;
}
.details-p1{
    font-size:16px;
    font-weight:550;
    padding-left:10%;
    padding-top:1vh;
}
.details-p2{
    padding-left:10%;
    padding-top:2vh;
}
.details-p3{
    font-size:14px;
    font-weight:550;
    padding-top:1vh;
    padding-left:15%;
}
.details-p4{
    padding-top:2vh;
    padding-left:25%
}
.show{
    display:none;
}
.div{
    width:100%;
    height:89px;
}
.s-money{
    font-size:40px;
}
